@import "../../../style/variable.scss";

.f-item{
    height: 1rem;
    padding: 0 .32rem;
    position: relative;
    &:before{
        content: '';
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
        position: absolute;
        background: $borderColor;
        margin-left: .32rem;
    }
}
.f-label{
    width: 4em;
    margin-right: .5rem;
}
.f-content{
    flex: 1;
    > input{
        width: 100%;
        height: 100%;
        border: none;
        padding: .02rem;
        font-size: inherit;
        box-sizing: border-box;
        &[type="text"]{
            background: transparent;
        }
        &::placeholder{
            color: #999;
        }
    }
}

.f-item.sex .f-content{
    label{
        margin-right: .5rem;
    }
    input{
        border: .01rem solid $borderColor;
        width: .4rem;
        height: .4rem;
        margin: 0 .24rem;
        vertical-align: middle;
        &:checked{
            border: 1px solid $mainColor;
            background: $mainColor;
        }
    }
}
